<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
    <title>学校简介-天津职业技术师范大学</title>
    <style>
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
        body {
            font-family: "微软雅黑", sans-serif;
            color: black;
            background: white; 
        }

        .top-nav {
            background: #9a0f6f;
            padding: 8px 20px;
            font-size: 14px;
        }
        .top-nav a {
            color: white;
            text-decoration: none;
            margin-right: 15px;
        }
        .top-nav .right {
            float: right;
        }

        .header {
            background: white;
            padding: 15px 100px;
            display: flex;
            align-items: center;
            gap: 20px;
            border-bottom: 1px solid white;
        }
        .header .logo {
            display: flex;
            align-items: center;
        }
        .header .logo img {
            width: 50px;
        }
        .header .logo div {
            color: purple; 
        }
        .header .nav a {
            color: black;
            text-decoration: none;
            margin: 0 10px;
        }

        .banner img {
            width: 100%;
            height: 300px; 
        }

        .content {
            max-width: 1200px;
            margin: 20px auto;
            padding: 0 20px;
            display: flex;
			gap:20px;
        }
        .content .bread {
            background: #9a0f6f;
            color: white;
            padding: 10px;
            margin-bottom: 20px;
        }
        .content .main {
            flex: 3;
        }

        .content .main h2 {
            font-size: 20px;
            margin-bottom: 20px;
            font-weight: bold;
            text-align: center; 
        }

        .content .main p {
            line-height: 2;
            margin-bottom: 20px; 
            text-indent: 2em; 
        }

        .content .main p:last-child {
            margin-bottom: 0;
        }
        .content .aside {
            flex: 1;
        }
        .content .aside .title {
            background: #9a0f6f;
            color: white;
            padding: 10px;
            margin-bottom: 10px;
        }
        .content .aside a {
            display: block;
            color: black;
            text-decoration: none;
            padding: 8px 0;
            border-bottom: 1px solid white;
        }
    </style>
</head>
<body>

    <div class="top-nav">
        <a href="#">邮件系统</a>
        <a href="#">校外VPN</a>
        <a href="#">网上办公</a>
        <a href="#">校园地图</a>
        <a href="#">信息公开</a>
        <div class="right">
            <a href="#">办事大厅</a>
            <a href="#">图书资源</a>
            <a href="#">English</a>
            <a href="#">全文检索</a>
            <a href="#">怀念旧版</a>
        </div>
    </div>

    <div class="header">
        <div class="logo">
            <img src="2.png" alt="校徽">
            <div>
                <div style="font-size:20px;">天津职业技术师范大学</div>
                <div style="font-size: 12px;">Tianjin University of Technology and Education</div>
            </div>
        </div>
        <div class="nav">
            <a href="#">首页</a>
            <a href="#">学校概况</a>
            <a href="#">校园新闻</a>
            <a href="#">组织机构</a>
            <a href="#">教育教学</a>
            <a href="#">科学研究</a>
            <a href="#">招生就业</a>
            <a href="#">人才招聘</a>
            <a href="#">合作交流</a>
            <a href="#">校园生活</a>
        </div>
    </div>

    <div class="banner">
        <img src="1.jpg" alt="校园风景">
    </div>

    <div class="content">
        <div class="main">
            <div class="bread">
                学校简介
                <span style="float: right;">首页 >> 学校概况 >> 学校简介</span>
            </div>
            <h2>中国培养职教师资的摇篮</h2>
			<p>天津职业技术师范大学是教育部与天津市人民政府共建高校，天津市高水平特色大学建设高校。学校的发展始终得到了党和国家领导人的亲切关怀和大力支持。2017 年 9 月 8 日，国务院总理李克强来校考察，对学校办学特色和办学成效给予充分肯定，希望学校不仅培养高素质“工匠之师”，也要培养大批 “中国制造卓越雕塑师”。</p >
			<p>2018 年 5 月 7 日，国务院副总理孙春兰来校考察，对学校办学特色和办学成效给予充分肯定。学校坚持“厚德博学、强技笃行”的校训，形成了职教师资培养、应用技术人才培养和技术技能创新服务等鲜明特色。</p >
			<p>当前，学校正围绕“新时代职业技术师范大学建设工程”目标，全面推进内涵发展与高水平专业群建设，努力打造我国职业教育领域高端人才培养与科研创新的重要基地。</p >
        </div>
        <div class="aside">
            <div class="title">学校简介</div>
            <a href="#">学校章程</a>
            <a href="#">历任领导</a>
            <a href="#">现任领导</a>
            <a href="#">校徽校训校歌</a>
        </div>
    </div>
</body>
</html>